<template>
  <h1 ref="title">Hello Vue3</h1>
  <button>加油~</button>
</template>

<script>
/* 
  目标：掌握使用 ref 属性绑定 DOM 或组件
*/
import { onMounted, ref } from 'vue'
export default {
  // Vue3 获取 DOM 节点
  setup() {
    const title = ref(null) // 空对象
    onMounted(() => {
      console.log('Vue3获取单个DOM', title.value)
    })
    return { title }
  },
  // Vue2 获取 DOM 节点
  // mounted(){
  //   console.log(this.$refs.title);
  // }
}
</script>

<style></style>
